<template>
  <div>
    <!-- 插值表达式 -->
    <p>{{ str }}</p>
    <p v-html="str">{{ code }}</p>
  </div>
</template>

<script>
//目标：v-html指令
//作用：快速设置innerHTML属性值
//语法：v-html="vue变量"
//注意：v-html会覆盖插值表达式
export default {
  data() {
    return {
      str: "<span>珊珊真好</span>",
    };
  },
};
</script>

<style>
</style>